﻿<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="DangKy.aspx.cs" Inherits="FinalProject.WebForm3" Title="Untitled Page" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="Style/DangKy.css" rel="stylesheet" type="text/css" />
    <title>Đăng kí tài khoản</title>
    <script type="text/javascript" language="javascript">
        
        function displayMessege()
        {
            alert("Chúc mừng bạn đã đăng kí thành công!");
        } 
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">

    <ajaxToolkit:ToolkitScriptManager runat="Server" EnableScriptGlobalization="true"
        EnableScriptLocalization="true" ID="ScriptManager1" ScriptMode="Debug" CombineScripts="false" />
    <asp:Label ID="lblJavaScript" runat="server" Text=""></asp:Label>      
        
    
    <div class="DangKy_Page">
        <div class="DangKy_Title">
            <div class="DangKy_LableDangKy">
                <span >Đăng ký</span>
            </div>
            <div class="DangKy_Buoc">
                <div class="DangKy_BuocImage">1</div>
                <asp:Label ID="Label1" runat="server" Text="Điền form thông tin bên dưới" class="DangKy_BuocLabel"></asp:Label>
                <div class="DangKy_BuocImage">2</div>
                <asp:Label ID="Label2" runat="server" Text="Kiểm tra email và Xác nhận đăng ký" class="DangKy_BuocLabel"></asp:Label>
            </div>            
        </div>
        <div class="DangKy_Content">
            <div class="DangKy_ContentTitle">
                Thông Tin Đăng Ký Tài Khoản
            </div>            
            <div class="DangKy_ContentForm">
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide"></div>
                    <div class="DangKy_RightSide">
                        <div class="DangKy_TitleForm">Thông Tin Tài Khoản</div>
                    </div>
                </div>                
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Địa chỉ email</div>
                    <div class="DangKy_RightSide">
                        <asp:TextBox ID="tbxEmailDangNhap" runat="server" Width="350px"></asp:TextBox>
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertEmailDangNhap" Visible="false" runat="server" Text="Email đăng nhập không hợp lệ"></asp:Label>                        
                </div>
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Xác nhận email</div>
                    <div class="DangKy_RightSide">
                        <asp:TextBox ID="tbxEmailXacNhan" runat="server" Width="350px"></asp:TextBox>
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertEmailXacNhan" Visible="false" runat="server" Text="Email xác nhận không hợp lệ"></asp:Label>                        
                </div>
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Mật khẩu</div>
                    <div class="DangKy_RightSide">
                        <asp:TextBox ID="tbxMatKhau" runat="server" Width="250px" TextMode="Password"></asp:TextBox>
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertMatKhau" Visible="false" runat="server" Text="Mật khẩu đăng nhập không hợp lệ"></asp:Label>                        
                </div>
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Xác nhận mật khẩu</div>
                    <div class="DangKy_RightSide">
                        <asp:TextBox ID="tbxMatKhauXacNhan" runat="server" Width="250px" TextMode="Password"></asp:TextBox>                        
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertMatKhauXacNhan" Visible="false" runat="server" Text="Mật khẩu xác nhận không hợp lệ"></asp:Label>                        
                </div>
                <hr class="DangKy_Line"/>
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide"></div>
                    <div class="DangKy_RightSide">
                        <div class="DangKy_TitleForm">Thông Tin Cá nhân</div>
                    </div>
                </div>
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Họ</div>
                    <div class="DangKy_RightSide">
                        <asp:TextBox ID="tbxHo" runat="server" Width="250px"></asp:TextBox>
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertHo" Visible="false" runat="server" Text="Vui lòng nhập họ (họ không được phép chứa số và các ký tự đặc biệt)"></asp:Label>                        
                </div>
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Tên</div>
                    <div class="DangKy_RightSide">
                        <asp:TextBox ID="tbxTen" runat="server" Width="250px"></asp:TextBox>
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lbtAlertTen" Visible="false" runat="server" Text="Vui lòng nhập tên (Tên không được phép chứa số và các ký tự đặc biệt)"></asp:Label>
                </div>
                <div class="DangKy_MainSide">
                    
                    <div class="DangKy_LeftSide">Ngày tháng năm sinh</div>                    
                    <!--
                    <div class="DangKy_RightSide">
                        <asp:TextBox ID="tbxNgaySinh" runat="server" Width="250px"></asp:TextBox>                        
                    </div>
                    -->
                    <asp:TextBox id="Date1" runat="server" autocomplete="off" /><br />
                    <ajaxToolkit:CalendarExtender ID="defaultCalendarExtender" runat="server"  TargetControlID="Date1" />

                    <div style="font-size: 90%">
                        <em>(Set the focus to the textbox to show the calendar)</em></div>
                    <br />
                </div>   
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertNgaySinh" Visible="false" runat="server" Text="Ngày sinh sai định dạng"></asp:Label>
                </div>   
                <!--
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide"></div>
                    <div class="DangKy_RightSide">
                        <asp:Calendar ID="calCalender" runat="server"  Width="250px" EnableViewState="true" EnableTheming="true"></asp:Calendar>
                    </div>
                </div>         
                -->    
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Giới tính</div>
                    <div class="DangKy_RightSide">
                        <asp:RadioButton ID="rdbNam" runat="server" Text="Nam" GroupName="GioiTinh"/>
                        <asp:RadioButton ID="rdbNu" runat="server" Text="Nữ" GroupName="GioiTinh"/>
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertGioiTinh" Visible="false" runat="server" Text="Vui lòng chọn giới tính"></asp:Label>
                </div>
                
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Quốc Gia</div>
                    <div class="DangKy_RightSide">
                        <asp:RadioButton ID="rdbVietNam" runat="server" Text="Việt Nam" 
                            GroupName="QuocGia" Checked="true" 
                            oncheckedchanged="rdbVietNam_CheckedChanged"/>
                        <asp:RadioButton ID="rdbNuocKhac" runat="server" Text="Nước Khác" 
                            GroupName="QuocGia" oncheckedchanged="rdbNuocKhac_CheckedChanged"/>
                    </div>
                </div>
                <div class="DangKy_Alert">
                    <asp:Label ID="lblAlertQuocGia" Visible="false" runat="server" Text="Vui lòng chọn quốc gia"></asp:Label>
                </div>     
                
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide">Nơi cư ngụ</div>
                    <div class="DangKy_RightSide">
                        <asp:DropDownList ID="ddlTinhThanh" runat="server" Width="250px">
                        </asp:DropDownList>
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertTinhThanh" Visible="false" runat="server" Text="Vui lòng chọn Nơi cư ngụ"></asp:Label>
                </div>
                
                <hr class="DangKy_Line"/>
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide"></div>
                    <div class="DangKy_RightSide">
                        <asp:CheckBox ID="ckbDongY" runat="server" Text="Tôi đã đọc và đồng ý với các " Checked="true"/>
                        <asp:HyperLink NavigateUrl="~/QuyDinhBaoMat.aspx" ID="hplQuyDinhBaoMat" runat="server" CssClass="DangKy_HyperLink">Quy định bảo mật </asp:HyperLink>
                        và
                        <asp:HyperLink NavigateUrl="~/ThoaThuanSuDung.aspx" ID="hplThoaThuanSuDung" runat="server" CssClass="DangKy_HyperLink"> Thỏa thuận sử dụng</asp:HyperLink>
                    </div>
                </div>
                <div class="DangKy_Alert">                                        
                    <asp:Label ID="lblAlertDongY" Visible="false" runat="server" Text="Vui lòng chọn 'Tôi đã đọc và đồng ý với các Quy định bảo mật và Thỏa thuận sử dụng'"></asp:Label>
                </div>
                
                <div class="DangKy_MainSide">
                    <div class="DangKy_LeftSide"></div>
                    <div class="DangKy_RightSide">
                        <asp:CheckBox ID="ckbNhanMail" runat="server" Text="Tôi muốn nhận " Checked="false"/>
                        <asp:Label ID="Label3" runat="server" Text="Bản Tin Sacombank " Font-Bold="true" Font-Size="14px"></asp:Label>
                        hàng tuần                        
                    </div>
                </div>
                <hr class="DangKy_Line"/>                
                <asp:Button ID="btnDangKy" CssClass="DangKy_ButtonOk" runat="server" 
                    Text="Đăng ký" onclick="btnDangKy_Click" />
            </div>
        </div>
    </div>    
  
</asp:Content>
